<!DOCTYPE html PUBLIC 
	"-//W3C//DTD XHTML 1.1 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	
<%@taglib prefix="s" uri="/struts-tags" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Index</title>
	<s:head />
		<style type="text/css" title="currentStyle">
			@import "./media/css/demo_page.css";
			@import "./media/css/demo_table.css";

			#demo{	margin:2em;
					width:95%;
					line-height:150%;}
}
		</style>
		<script type="text/javascript" language="javascript" src="./media/js/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="./media/js/jquery.dataTables.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
				$('#example').dataTable( {
					"bProcessing": true,
		            "sAjaxSource": './media/arrays.txt'
				} );
			} );
		</script>
</head>
<body>
	<!-- <s:form action="helloWorld">
		<s:textfield label="What is your name?" name="name" />
		<s:textfield label="What is the date?" name="dateNow" />
		<s:submit />
	</s:form>
 -->
<div class = "item">
<h2>New Book</h2>
<div id="newBookForm">

</div>
</div>
<div class="spacer"></div>
<div class = "item">
<h2>Good Book</h2>
<div id="goodBookForm">

</div>
</div>
</body>
</html>
	